.goods {
    width: 100%;
    height: 100%;
    padding-bottom: 1rem;
    background-color: #eee;
}
.title {
    background-color: #FF6040;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: .4rem;
}
.title .img1 {
    width: .96rem;
    height: .24rem;
}
.title input {
    width: 1.98rem;
    height: .3rem;
}
.title .img2 {
    width: .24rem;
    height: .23rem;
}
.minboxs {
    width: 100%;
    background-color: #ff725a;
    padding: .18rem .12rem;
}
.newpeople {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .18rem;
}
.newpeople img{
    width: .88rem;
    height: .29rem;
}
.peopleleft {
    display: flex;
    width: 1.88rem;
    justify-content: space-evenly;
    align-items: center;
}
.time {
    width: .88rem;
    height: .23rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.one, .three, .five {
    width: .22rem;
    height: .29rem;
    background-color: #FFF5D0;
    line-height: .29rem;
    text-align: center;
}
.graybox {
    width: .63rem;
    height: .22rem;
    background-color: #D3D3D3;
    border-radius: 10px;
    text-align: center;
    line-height: .22rem;
    color: #83480a;
}
.middleboxs {
    margin: 0 auto;
    width: 3.55rem;
    height: 1.72rem;
    background-color: #fff;
    border-radius: 10px;
    padding: .1rem 0px .1rem .1rem;
    
}
#ab {
    background-color: #ff6142;
}
#bc {
    color: #fff;
}
#cd {
    background-color: #fff;
}
.aboxsss {
    background-color: #fff;
}
.middleboxs .top{
   width: 100%;
   height: .2rem;
   display: flex;
   align-items: center;
}
.top .left {
    width: .78rem;
    height: .2rem;
    background-color: #FF6040;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: .2rem;
    margin-right: .12rem;
}
.top .min {
    width: 1.26rem;
    height: .16rem;
    line-height: .16rm;
    color: #FF7561;
    margin-right: .12rem;
    font-size: 14px;
}
.top .right {
    width: 1.5rem;
    height: .16rem;
    color: #FF7561;
    line-height: .16rem;
}
.centerbox {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}
.boxss {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .1rem 0px .1rem 0px;
}
.abox {
    width: .92rem;
    height: 1.28rem;
    background-color: #FF8A80;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: .06rem;
    border-radius: 10px;
    margin-right: .06rem;
}
.abox .imgpic{
    width: .84rem;
    height: .85rem;
}
.abox .ar {
    width: .24rem;
    height: .24rem;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: .24rem;
}
.abox .car {
    width: .11rem;
    height: .1rem;
}
.ab{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.quan {
    width: 100%;
    background-image: url(../static/image/bg.png);
    padding-top: .2rem;
    background-position: bottom center;
    background-size: 100%;
}
.quanbox {
    width: 3.55rem;
    height: 1.2rem;
    background-color: #fff;
    margin: 0 auto;
    border-radius: 10px;
    padding: .1rem;
}
.qtop {
    width: 100%;
    height: .2rem;
    display: flex;
    align-items: center;
}
.qtop .ql {
    width: .78rem;
    height: .2rem;
    background-color: #FF6040;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    line-height: .2rem;
    margin-right: .12rem;
}
.qtop .qm {
    width: 1.36rem;
    height: .16rem;
    line-height: .16rm;
    color: #FF7561;
    margin-right: .12rem;
    font-size: 14px;
}
.qtop .qr {
    width: 1.5rem;
    height: .16rem;
    color: #FF7561;
    line-height: .16rem;
}
.quanm {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .1rem;
}
.qo {
    width: 1.05rem;
    height: .79rem;
    background-image: url(../static/image/ql.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.qoo {
    width: .72rem;
    height: .18rem;
    background-image: url(../static/image/yes.png);
    background-repeat: no-repeat;
    background-position:center;
    text-align: center;
}
.qt {
    width: 2.2rem;
    height: .79rem;
    background-image: url(../static/image/qr.png);
    background-repeat: no-repeat;
    background-position:center;
    display: flex;
    justify-content: center;
}
.qtl{
    padding-left: .3rem;
    margin-right: .5rem;
}
.qtt {
    width: .88rem;
    height: .18rem;
    background-image: url(../static/image/yess.png);
    background-repeat: no-repeat;
    background-position:center;
    text-align: center;
    margin-bottom: .1rem;
}
.aaas {
    margin-bottom: .15rem;

}
.qtr {
    width: .24rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.qc {
    width: .13rem;
    height: .13rem;
    background-color: #fff5e1;
    border-radius: 50%;
    line-height: .13rem;
    text-align: center;
}
.ms {
    width: 100%;
    margin-top: .1rem;
    margin-bottom: .2rem;
}
.mss {
    width: 3.55rem;
    height: .47rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
}
.msbox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex: 1;
} 
.msbox img {
    width: .32rem;
    height: .32rem;
}
.cm {
    width: 100%;
    height: 2.1rem;
    margin-bottom: .1rem;
}
.cmm {
    margin: 0 auto;
    width: 3.55rem;
    height: 2.1rem;
    padding: .1rem;
    background-color: #ff6142;
    border-radius: 10px;
    overflow: hidden;
}
.cmmt {
    display: flex;
    justify-content:  flex-start;
    margin-bottom: .06rem;
}
.cmmt img {
    width: .8rem;
    height: .27rem;
    margin-right: .1rem;
}
.ctime {
    width: .88rem;
    height: .23rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.cone, .cthree, .cfive {
    width: .22rem;
    height: .29rem;
    background-color: #FFF5D0;
    line-height: .29rem;
    text-align: center;
}
.cmmm {
    width: 3.34rem;
    height: 1.56rem;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: .12rem .1rem;
    margin-right: .1rem;
}
.cmmm img {
    width: 1.05rem;
    height: 1.26rem;
}
.cmmmr {
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.cmmmo {
    display: flex;
    justify-content:  flex-start;
}
.cmmmo .tu {
    margin-right: .1rem;
}
.discount {
    background-color: #ff6f44;
    width: .6rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    border-radius: 10px;
}
.buyn {
    width: 1.82rem;
    height: .38rem;
    background-image: url(../static/image/buy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    justify-content:  flex-start;
    align-items: center;
    padding: 0px .1rem
}
.money {
    margin-right: .1rem;
}
.yu {
    width: 100%;
    margin-top: .1rem;
}
.yuu {
    margin: 0 auto;
    width: 3.55rem;
    height: 1.22rem;
    background-color: #fff;
    padding: .08rem .1rem;
    display: flex;
    justify-content: space-evenly;
}
.twoone {
    width: 1.54rem;
    height: .7rem;
    background-image: url(../static/image/twoone.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.yl {
    color: #FF6040;
    font-size: 16px;
}
.yr {
    font-size: 16px;
}
.cgt {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.cones, .ctwos {
    flex: 1;
    width: .74rem;
    height: .74rem;
    background-image: url(../static/image/cgo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.cones {
    margin-right: .2rem;
}
.hh {
    width: 100%;
    margin-top: .1rem;
}
.hhh {
    margin: 0 auto;
    width: 3.55rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.hbox {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hhq {
    width: 60px;
    background-color: #ff5626;
    border-radius: 8px;
    text-align: center;
}
.lists {
    margin-top: .1rem;
    width: 100%;
}
.list {
    margin: 0 auto;
    width: 3.55rem;
    height: 1.74rem;
    background-color: #fff;
    padding: .1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: .1rem;
}
.ll {
    width: 1.46rem;
    height: 1.46rem;
    
}
.llr {
    display: flex;
    flex-direction: column;
    padding: 0 .1rem;
    justify-content: center;

}
.discounts {
    width: .5rem;
    background-color: #ffb651;
    line-height: .3rem;
    text-align: center;
}
.ttuu {
    width: 1.35rem;
    height: .23rem;
    background-image: url(../static/image/ttt.png);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.ww {
    text-align: center;
    margin-right: .3rem;
    color: #fff;

}
.gg {
    text-align: center;

    color: #009d4f;
}
.llb {
    display: flex;
    justify-content: space-between;
}
.adds {
    width: .98rem;
    height: .34rem;
    background-color: #ff8748;
    color: #fff;
    text-align: center;
    line-height: .34rem;
    border-radius: 20px;
}
.mmmmm {
    width: 100%;
}
.cmbox {
    width: 334px;
    height: 1.56rem;
    overflow-x: auto;
    display: flex;
}
